// async function register() {
//     const res = await axios({
//         url: '/register',
//         method: 'POST',
//         data: {
//             username: 'chenhao999',
//             password: '123456'
//         }
//     })
//     console.log(res)

// }
// register()


//注册功能：点注册按钮 → 收集用户输入的数据 → axios发送到后台，成功后showTast提示用户
document.querySelector('#btn-register').addEventListener('click', async function () {
    //serialize方法接受表单输入的数据       使用前需要查看是否有name属性
    const data = serialize(document.querySelector('.register-form'), {
        hash: true,
        empty: true
    })

    const {
        username,
        password
    } = data
    if (username == '' || password == '') return showToast('用户名和密码不能为空')
    if (username.trim().length < 8 || username.trim().length > 30 || password.trim().length < 6 || password.trim().length > 30) return showToast('用户名长度需要8-30，密码长度需要6-30')

    //axios别名方法（简单写法）
    // data:{username:xx}
    //data:data
    //data → 一个data单词，不要包对象
    try {
        const res = await axios.post('/register', data)
        // console.log(res)
        showToast(res.message)
    } catch (error) {
        //dir展开error对象，看对象细节
        console.dir(error)
        showToast(error.response.data.message)
    }
})